<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/vue.js"></script>
</head>
<body>
<div id="div_id">
    <select name="abc">
        <option  v-for="fruit in fruits" v-bind:value="fruit">{{fruit}}</option>
    </select>
    <select name="abc" v-model="selectedFruit" multiple>
        <option  v-for="fruit in fruits"
                 v-bind:value="fruit">{{fruit}}</option>
    </select>
    <h2>您选择的水果是：{{selectedFruit}}</h2>
</div>
<script>
    const app=new Vue({
        el:"#div_id",
        data:{
            fruits:['苹果','香蕉','葡萄','榴莲'],
            selectedFruit:[]
        }
    })
</script>
</body>
</html>